
body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding-top: 64px;
}

.fa-btn {
    margin-right: 6px;
}

#carousel-image {
    width: auto;
    height: 500px;
}

.breadcrumb > .active {
    color: #999;
}

dl {
    color: grey;
    font-size: 13px;
}

.price {
    color: red;
}

/*.div {*/
/*vertical-align: middle;*/
/*display: inline-block;*/
/*}*/
.pagination {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#Card-Collection {
    padding: 15px;
}

.Card {
    position: relative;
    margin-bottom: 15px;
    color: #3a3a3a;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    width: calc(99.99% * 1 / 3 - (15px - 15px * 1 / 3))
}

.CardIcon {
    font-size: 15px;
    color: #be0104;

}

.CardUpeatedTime {
    font-size: 11px;
    color: #5a5b5c;
}

.CardCreatedTime {
    font-size: 13px;
    color: #1d41da;
}

.Card:nth-child(1n) {
    float: left;
    margin-right: 15px;
    clear: none
}

.Card:last-child {
    margin-right: 0
}

.Card:nth-child(3n) {
    margin-right: 0;
    float: right
}

.Card:nth-child(3n+1) {
    clear: left
}

.Card p {
    margin: 8px;
}

.CardFooter {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 8px;
    font-size: 11px;
}

@media only screen and (min-width: 400px) and (max-width: 1050px) {
    .Breadcrumb > li {
        max-width: 300px
    }

    .Card {
        width: calc(99.99% * 1 / 3 - (15px - 15px * 1 / 3))
    }

    .Card:nth-child(1n) {
        float: left;
        margin-right: 15px;
        clear: none
    }

    .Card:last-child {
        margin-right: 0
    }

    .Card:nth-child(3n) {
        margin-right: 0;
        float: right
    }

    .Card:nth-child(3n+1) {
        clear: left
    }
}

@media only screen and (max-width: 400px) {
    .Filterable .primary {
        flex-basis: 100%
    }

    .Card {
        width: calc(99.99% * 1 - (15px - 15px * 1))
    }

    .Card:nth-child(1n) {
        float: left;
        margin-right: 15px;
        clear: none
    }

    .Card:last-child {
        margin-right: 0
    }

    .Card:nth-child(undefinedn) {
        margin-right: 0;
        float: right
    }

    .Card:nth-child(undefinedn+1) {
        clear: left
    }
}

.Card__image {
    max-width: 100%;
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.carousel_image {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.Card__image img {
    width: 100%
}

.Card__details {
    background: #fff;
    padding: 8px 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center

}

.Card__image > a {
    display: block
}

.Card__image:hover .Card__overlay {
    background-color: rgba(0, 0, 0, .7)
}

.Card__image:hover .Card__overlay > i {
    color: #fff
}

.Card__overlay {
    display: -webkit-box;
    display: flex;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (max-width: 400px) {
    .Card__overlay {
        display: none
    }
}

.Card__overlay > i {
    font-size: 6em;
    -webkit-transition: color .4s;
    transition: color .4s;
    color: transparent
}

a.navbar-brand {
    padding-top: 7px;
    padding-bottom: 8px;
}

.carouselImageText {
    font-size: 13px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
}

.carouselImageTextTopLeft {
    font-size: 11px;
    position: absolute;
    top: 5px;
    left: 5px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
}

.wp_keywordlink {
    text-decoration: underline;
    color: #0979cf;
}

.quote-image-center {
    margin: 0 auto;
}

table {
    font-size: 13px !important;
}

.download-icon {
    width: 18px;
    height: 16px;
}

.my-float-right {
    float: right;
}

.my-float-left {
    float: left;
}